@import "common";

body{
  background: #f8f8f8;
}
section{
  background: #ffffff;
  margin-bottom: px2rem(24);
}
section.header {
  margin-top: px2rem(80);
}
.header .slider {
  direction: ltr;
  height:px2rem(640);
  overflow: hidden;
  position: relative;
}
.header .slider img {
  width:100%;
  height: px2rem(640);
}
.header .about {
  padding-right: px2rem(24);
  padding-bottom: px2rem(24);
}
.header .title {
  width:94%;
  font-size: px2rem(36);
  padding-top: px2rem(28);
  color: #4a4a4a;
  font-weight: 700;
}
.header .price span {
  display: inline-block;
  margin-left:px2rem(5);
  font-size: px2rem(30);
}
.header .price span del {
  font-size: 80%;
}
.header .support {
  padding: px2rem(24)
}
.header .support .left {
  font-size: px2rem(30);
}
.header .support .left li {
  line-height: px2rem(54);
  font-weight: 700;
  color: #4a4a4a;
}

.spec {
  font-size: px2rem(30);
}
.spec .sec , .more-pic{
  padding: px2rem(24);
}
.spec h1 {
  color: #4a4a4a;
  font-size: px2rem(36);
  font-weight: 700;
}
.spec h1 i{
  font-size: px2rem(36);
  color: #666;
  transition: all .3s;
}
.spec .sku {
  margin-top: px2rem(48);
}
.spec .NO{
  margin-top: px2rem(24)
}
.spec .size {
  display: none;
}
.spec .size img ,.more-pic img {
  width:100%;
}

.more-pic {
  margin-bottom: px2rem(80);
}
.more-pic .pic-item {
  display: block;
  text-align: center;
  background: url($imgSrc) 50% no-repeat;
}
footer.footer {
  width: 16rem;
  position: fixed;
  bottom: 0;
}
footer .j-addCart , footer .f-btn{
  display: block;
  width: 100%;
  max-width: px2rem(750);
  padding: px2rem(20) 0;
  text-align: center;
  background: #c41130;
  color: #fff;
  font-size: px2rem(36);
}

.select-box {
  position:fixed;
  bottom: -20rem;
  left: 0;
  right: 0;
  z-index:12;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-perspective: initial;
  -moz-perspective: initial;
  -ms-perspective: initial;
  perspective: initial;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.select-box .goods-box {
  position: relative;
  margin-bottom: px2rem(10);
}
.select-box .goods-box ,.select-box .style-box , .select-box .count-box{
  padding:px2rem(24);
  border-bottom: 1px solid #eee;
}
.select-box .goods-pic {
  position: absolute;
  top: - px2rem(30);
  background: #fff;
  padding: px2rem(10);
}
.select-box .goods-pic img {
  width: px2rem(150);
  height: px2rem(150);
}
.select-box .goods-info {
  font-size: px2rem(30);
  margin-right: px2rem(200);
}
.select-box .goods-info del {
  color: #4a4a4a;
}

.select-box .goods-box a{
  display: inline-block;
  position: absolute;
  left: px2rem(24);
  top: px2rem(24);
}
.select-box .goods-box i {
  font-size: px2rem(36);
}
.select-box #submit-order {
  display: block;
  width: 100%;
  padding: px2rem(20) 0;
  text-align: center;
  background: #c41130;
  color: #fff;
  font-size: px2rem(36);
}

.style-box h1 , .count-box h1 {
  font-size: px2rem(30);
  font-weight: normal;
}
.style-box .size-help {
  color: #999;
}
.style-box .size-help i {
  font-size: px2rem(40);
}
.style-box ul {
  margin-top: px2rem(20);
}
.style-box ul li {
  font-size: px2rem(36);
  float: right;
  padding: px2rem(10) px2rem(30);
  border: 1px solid #eee;
  margin-left: px2rem(20);
  color: #4a4a4a;
}
.style-box ul li.active {
  border-color: #c41130;
  color: #c41130;
}

.count-box .operate {
  margin-top: px2rem(24);
}
.count-box .operate a {
  display: inline-block;
  text-align: center;
  color: #000;
  border: 1px solid #eee;
}
.count-box .operate a i {
  font-size: px2rem(48);
}
.count-box .operate input {
  font-size: px2rem(36);
  text-align: center;
  width: px2rem(200);
  height: px2rem(56);
  border: px2rem(1) solid #eee;
  margin: 0 px2rem(20);
  color: #000;
}

/*cart*/
#fixtop.cart-header {
  background: #000;
}
#fixtop.cart-header .center ,#fixtop.cart-header .btn i {
  color: #fff;
}
.shopping-cart-wrap {
  margin-top: px2rem(80);
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.shopping-cart-item {
  padding: px2rem(28);
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.item-panel-img {
  width: px2rem(150);
  float: right;
}
.item-panel-img img {
  width: 100%;
}
.item-panel-info {
  color: #4a4a4a;
  font-size: px2rem(30);
  padding-right: px2rem(28);
  line-height: px2rem(38);
  margin-right: px2rem(150);
}
.item-panel-info-list .title {
  font-size: px2rem(24)
}
.item-operate {
  margin-top: px2rem(10);
  overflow: hidden;
  visibility: hidden;
}
.item-operate.visible{
  visibility: visible;
}
.item-operate i {
  color: #999;
  font-size: px2rem(48);
}
.pay-info {
  padding: px2rem(28);
  font-size: px2rem(30);
  line-height: px2rem(48);
}
.pay-info .amount , .pay-info .fare {
  overflow: hidden;
}
.footer .total {
  text-align: center;
  font-size: px2rem(30);
  margin-bottom: px2rem(10);
}